<!DOCTYPE html>
<html>
<head>
    <title>{{ the_title }}</title>
    <style>
        body {
            background-color: #81a2be;

        }

        .img1 img {
            width: 400px;
            height: 200px;
        }

        input[type=text] {
            font-size: 100%;
            width: 30em;
        }

        input[type=password] {
            font-size: 115%;
            width: 30em;
        }

        input[type=submit] {
            font-size: 125%;
        }
    </style>
</head>
<body>
<div class="h1" style="text-align: center">
    <h1 class="title">名人分析</h1>
    <h3>放入图片链接，自动返回图片及其分析结果</h3>
</div>
<div style="width: 100%;;margin-top: 50px">

    <div style="width: 10%;float: left;">
        <p></p>
    </div>


    <div style="width: 50%;float: left;">
        <table>
            <form method="post" action="">
                <div class="function" style="font-size: 18px">
                    <p>请放入图片链接<input type="text" name="person"></p>
                    <p class="r">分析结果：<label>{{ person }}</label></p>
                    <p class="r">准确度：<label>{{ confidence2 }}</label></p>

                    <p>
                        <button type="submit">开始分析</button>
                    </p>
                </div>
            </form>
        </table>
    </div>

    {% if img_url3 %}
            <div class="img1" style="width: 30%;float: left;">
        <img src="{{ img_url3 }}">
    </div>

    {% endif %}


</div>


</body>
</html>